
//首页全局样式
.app {
	width: 100%;
	background-color: #F2F2F2;
	
	.content {
        .content-view{
            min-height: calc(100vh - 312px);
			position: relative;
        }
		.footer {
			margin-top: 15px;
			width: 100%;
			min-height: 205px;
			background-color: #292C35;
			background-image: url("~@/assets/images/footer/bg.png");
			background-size: 100% 100%;
			background-repeat: no-repeat;
			padding-top: 35px;
			padding-bottom: 13px;
            position: relative;
			color: rgba(255,255,255,0.5);
			.p_title{
				color: #fff;
				margin-bottom: 6px;
			}
			p{
				font-size: 14px;
				line-height: 20px;
			}
			.p_footer{
				margin-top: 35px;
			}
			.qr-code{
				width: 113px;
				height: 110px;
				margin-right: 30px;
			}
			.logo{
				width: 248px;
				height: 41px;
				img{
					width: 100%;
				}
			}
			.record{
				margin-left: 52px;
			}
			.icon{
				width: 16px;
				margin-right: 6px;
			}
		}
	}
}
.header-contaniner{
	height: 66px;
	background-color: #fff;
}
//菜单导航
.header {
	height: 66px;
	width: 100%;
	position: fixed;
	top: 0;
	vertical-align: middle;
	background-color: #fff;
	box-shadow: 1px 0px 4px 1px rgba(0,0,0,0.2);
	z-index: 1000;
}
.header-box {
	height: 100%;
	padding: 0 40px;
	// line-height: 66px;
	.logo {
		padding-right: 24px;
		position: relative;
		z-index: 1001;
		img{
			height: 41px;
		}
	}
	.menu {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		a {
			display: inline-block;
			text-align: center;
			color: #333333;
			font-size: 14PX;
			transition: 300ms;
			padding: 0 30px;
			display: flex;
			align-items: center;
			height: 100%;
			color: #0165AE;
			&:hover {
				background-color: rgb(31, 184, 255);
				color: #fff;
				padding: 0 50px;
			}
		}
		.router-link-active {
			background-color: #0165AE;
			color: #fff;
			padding: 0 50px;
		}
	}
	.login {
		height: 100%;
		font-size: 16px;
		position: relative;
		z-index: 1001;
		.login-item{
			margin-right: 20px;
			&:last-child{
				margin-right: 0;
			}
			cursor: pointer;
		}
		.user-text{
			color:#2d9ef3;
			margin-left: 9px;
			font-size: 14PX;
			white-space: nowrap;
		}
		.user-name{
			max-width: 150px;
			.el-avatar{
				// background-color: #2d9ef3;
				width: 30PX;
				height: 30PX;
				line-height: 30PX;
			}
		}
		.icon{
			font-size: 26PX;
			color:#2d9ef3;
			position: relative;
			top: 2px;
			line-height: 28PX;
		}
		.logout-icon{
			color: #E65050;
			font-size: 22PX;
			top: 0;
		}
	}
}

//banner
.banner{
    height: 360px;
    background-color: #EEEEEE;
    .swiper-lazy-preloader{
        z-index: -1;
    }
    .swiper-slide{
        height: 360px;
    }
    img{
        width: 100%;
        height: 360px;
    }
	.bans{
		width: 100%;
        height: 360px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
    .swiper-button-next,.swiper-button-prev{
        color: rgba(255,255,255,0.7) !important;
        transition: 500ms;
        opacity: 0;
        margin: 0 30px;
		transform: scale(1.2,1.2);
    }
	.swiper-button-prev{
		left: -65px;
	}
	.swiper-button-next{
		right: -65px;
	}
    .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
    .swiper-pagination-bullet-active{
        background-color: #fff;
    }
    &:hover{
        .swiper-button-next,.swiper-button-prev{
            opacity: 0.7;
			transform: scale(1,1);
        }
		.swiper-button-prev{
			left: 30px;
		}
		.swiper-button-next{
			right: 30px;
		}
    }
}

.back-fff{
	background-color: #fff;
}

.path{
	font-family: PingFangSC-Light;
	font-size: 18px;
	line-height: 30px;
	color: #8C8C8C;
	margin-top: 30px;
	a{
		color: #8C8C8C;	
	}
	.active{
		color: #9d4a42;
	}
}
@media screen and (max-width: 600px) {
    .header-contaniner{
        display: none;
    }
    .footer{
        display: none;
    }
	.path{
		display: none;
	}
}
.html-p *{
	background-color: #fff !important;
}
// .el-form-item{
// 	display: flex;
// 	align-items: center;
// 	.el-form-item__label{
// 		line-height: 1rem;
// 		padding: 0 10px 0 0;
// 	}
// 	.el-form-item__content{
// 		margin-left: 0 !important;
// 		width: 100%;
// 	}
// }